
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title></title>
</head>
<style>
  .list-title {
    list-style: none;
    font-size: 16px;
    padding: 10px;
    border-width: 1px 0 0 0;
    border-color: lightgray;
    border-style: solid;
  }
  .list-content {
    list-style: none;
    font-size: 16px;
    padding: 3px 20px;
    display: inline-block;
    width: 100%;
  }
  .list-detail {
    font-size: 14px !important;
  }
  .title-img {
    width: 30px;
    margin-left: 10px;
  }
  .title-span {
    top: -7px;
    position: relative;
  }
  .title-icon {
    width: 20px;
    float: right;
    position: relative;
    top: 7px;
    right: 10px;
  }
  .line {
    width:100%;
    height: 1px;
    background-color: lightgray;
  }
  .line-short {
    width: 95%;
    float: right;
    height: 1px;
    background-color: lightgray;
    margin-top: 10px;
  }
  .content-span-high {
    color: #2f85ff;
  }
  .content-span {
    font-size: 14px;
    float: right;
    line-height: 16px;
  }
  .content-span-left {

  }
  .content-img {
    max-width: 60%;
    float: right;
  }
  .content-detail {
    display: block;
    margin-top: 3px;
    word-break: break-word;
  }
  .send-button {
    background-color: #2f85ff;
    border-radius: 5px;
    color: white;
    width: 36%;
    margin: 10px 32%;
    line-height: 28px;
    text-align: center;
  }
</style>
<body style="margin: 0px; color: #666666">
  <ul style="padding: 0px;">
    <li class="list-title">
      <div class="item-divider my-bg" style="min-height: 15px;margin-top:-1px;padding: 0"></div>
      <img class="title-img" src="img/icon-info.png">
      <span class="title-span">项目基本信息</span>
      <img class="title-icon" src="img/icon-arrow-up.png" style="width: 10px;height: 10px;">
    </li>
    <div class="line"></div>
    <li class="list-content"><span class="content-span-high">客户名称</span><span class="content-span">啊啊啊</span></li>
    <li class="list-content"><span class="content-span-high">客户联系人</span><span class="content-span">啊啊啊</span></li>
    <li class="list-content"><span class="content-span-high">所属地区</span><span class="content-span">啊啊啊</span></li>
    <li class="list-content"><span class="content-span-high">详细地址</span><span class="content-span">啊啊啊</span></li>
    <li class="list-title">
      <img class="title-img" src="img/icon-roof.png">
      <span class="title-span">布局设计</span>
      <img class="title-icon" src="img/icon-arrow-up.png" style="width: 10px;height: 10px;">
    </li>
    <div class="line"></div>
    <li class="list-content" style="margin-top: 10px;"><span class="content-span-high">屋面一</span><img class="content-img" src="img/adam.jpg" /></li>
    <div class="line-short"></div>
    <li class="list-content" style="margin-top: 10px;"><span class="content-span-high">屋面二</span><img class="content-img" src="img/icon1.png" /></li>
    <li class="list-title" style="margin-top: 10px;">
      <img class="title-img" src="img/icon-incline-2.png">
      <span class="title-span">安装布线</span>
      <img class="title-icon" src="img/icon-arrow-up.png" style="width: 10px;height: 10px;">
    </li>
    <div class="line"></div>
    <li class="list-content" style="margin-top: 10px;">
      <span class="content-span-high">组件布线</span>
      <span class="content-detail">aaaasdjkashdkjashdj12312312312312413242314234342453425345435345hkj</span>
    </li>
    <div class="line-short"></div>
    <li class="list-content" style="margin-top: 10px;"><span class="content-span-high">逆变器</span><span class="content-span">asjkdhajskdhaskj</span></li>
    <div class="line-short"></div>
    <li class="list-content" style="margin-top: 10px;">
      <span class="content-span-high">防雷接地</span>
      <span class="content-detail">aaaasdjkashdkjashdj12312312312312413242314234342453425345435345hkj</span>
    </li>
    <li class="list-title">
      <img class="title-img" src="img/icon-pack.png">
      <span class="title-span">产品包</span>
      <img class="title-icon" src="img/icon-arrow-up.png" style="width: 10px;height: 10px;">
    </li>
    <div class="line"></div>
    <li class="list-content" style="margin-top: 10px;margin-bottom: 10px;"><span class="content-span-high">产品包</span><span class="content-span">其它 9块</span></li>
    <div class="line"></div>

    <li class="list-content" style="margin-top: 10px;"><span class="content-span-high">导轨</span></li>
    <li class="list-content list-detail"><span class="content-span-left">导轨1A</span><span class="content-span">20个</span></li>
    <li class="list-content list-detail"><span class="content-span-left">导轨2A</span><span class="content-span">3个</span></li>
    <div class="line" style="margin-top: 10px;"></div>

    <li class="list-content" style="margin-top: 10px;"><span class="content-span-high">组串参数</span></li>
    <li class="list-content list-detail"><span class="content-span-left">组串数</span><span class="content-span">2个</span></li>
    <li class="list-content list-detail"><span class="content-span-left">组串1组件数量</span><span class="content-span">3个</span></li>
    <li class="list-content list-detail"><span class="content-span-left">组串2组件数量</span><span class="content-span">17个</span></li>
    <div class="line" style="margin-top: 10px;"></div>

    <li class="list-title">
      <div class="item-divider my-bg" style="min-height: 15px;padding: 0"></div>
      <img class="title-img" src="img/icon-list.png">
      <span class="title-span">物料清单</span>
      <img class="title-icon" src="img/icon-arrow-up.png" style="width: 10px;height: 10px;">
    </li>
    <div class="line"></div>

    <li class="list-content" style="margin-top: 10px;margin-bottom: 10px;"><span class="content-span-high">太阳能组件</span><span class="content-span">其它 9块</span></li>
    <div class="line"></div>

    <li class="list-content" style="margin-top: 10px;"><span class="content-span-high">逆变器</span></li>
    <li class="list-content list-detail"><span class="content-span-left">ajshdjsadk</span><span class="content-span">1台</span></li>
    <li class="list-content list-detail"><span class="content-span-left">ashdasd</span><span class="content-span">1台</span></li>
    <div class="line" style="margin-top: 10px;"></div>

    <li class="list-content" style="margin-top: 10px;"><span class="content-span-high">支架</span></li>
    <li class="list-content list-detail"><span class="content-span-left">导轨1A</span><span class="content-span">2个</span></li>
    <li class="list-content list-detail"><span class="content-span-left">导轨2A</span><span class="content-span">3个</span></li>
    <li class="list-content list-detail"><span class="content-span-left">夹具</span><span class="content-span">17个</span></li>
    <li class="list-content list-detail"><span class="content-span-left">挂钩</span><span class="content-span">17个</span></li>
    <li class="list-content list-detail"><span class="content-span-left">中压块</span><span class="content-span">17个</span></li>
    <li class="list-content list-detail"><span class="content-span-left">边压块</span><span class="content-span">17个</span></li>
    <li class="list-content list-detail"><span class="content-span-left">导电片</span><span class="content-span">17个</span></li>
    <li class="list-content list-detail"><span class="content-span-left">接地件</span><span class="content-span">17个</span></li>
    <div class="line" style="margin-top: 10px;"></div>

    <li class="list-content" style="margin-top: 10px;margin-bottom: 10px;"><span class="content-span-high">交流配电箱</span><span class="content-span">asjdasjkd 1台</span></li>
    <div class="line"></div>

    <li class="list-content" style="margin-top: 10px;"><span class="content-span-high">其它</span></li>
    <li class="list-content list-detail"><span class="content-span-left">直流电缆</span><span class="content-span">50米</span></li>
    <li class="list-content list-detail"><span class="content-span-left">交流电缆</span><span class="content-span">20米</span></li>
    <li class="list-content list-detail"><span class="content-span-left">电线护管及接头</span><span class="content-span">20米</span></li>
    <li class="list-content list-detail"><span class="content-span-left">辅材</span><span class="content-span">...</span></li>
    <div class="line" style="margin-top: 10px;"></div>

    <div class="send-button">发送方案链接</div>
    <div class="line"></div>
  </ul>

  <div class="page-bottom"></div>
</body>

